<template>
    <div class="tabs">
        <!-- 密码选项页 -->
        <nopwd-tab-item @click.native="goEmailpwd" title="通过邮箱找回密码" :icon="emailSvg"/>
        <nopwd-tab-item @click.native="goPhonepwd" title="通过手机号找回密码" :icon="phoneSvg"/>
    </div>
</template>

<script>
import NopwdTabItem from '@/components/NopwdTabItem.vue'
    export default {
        components: { NopwdTabItem },
        data() {
            return {
                phoneSvg: '<svg t="1648353216533" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2219" width="50" height="50"><path d="M517.9008 953.6c28.032 0 50.8672-22.7584 50.8672-51.712 0-27.9296-22.8352-50.688-50.8672-50.688-28.032 0-51.8912 22.7584-51.8912 50.688 1.024 28.9536 23.8592 51.712 51.8912 51.712zM760.5632 0H263.4368C205.2736 0 158.7328 45.4912 158.7328 102.4v819.2c0 56.8832 46.5408 102.4 104.704 102.4h497.1264c58.1632 0 104.704-45.5168 104.704-102.4V102.4c0-56.9088-46.5408-102.4-104.704-102.4z m1.152 972.8H273.8304c-28.032 0-50.8672-22.7584-50.8672-51.712v-121.088h590.6688v121.088c-1.0496 27.9296-23.8848 51.712-51.9168 51.712z m39.3216-243.712H222.9632v-614.4c0-27.9296 22.3232-50.688 49.6896-50.688h476.672c27.392 0 49.6896 22.7584 49.6896 50.688v614.4h2.0224z" p-id="2220" fill="#9a4145"></path></svg>',
                emailSvg:'<svg t="1648353386011" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2366" data-spm-anchor-id="a313x.7781069.0.i2" width="50" height="50"><path d="M430.079734 481.464543c45.196365 45.596478 118.486578 45.596478 163.68499 0l360.684736-324.939627c0.547469 3.751441 1.13894 7.490601 1.13894 11.401678l0 404.753417 0 116.754121c0 42.995233-34.547841 77.838809-77.145008 77.838809L145.397996 767.272941c-42.597167 0-77.145008-34.844599-77.145008-77.838809L68.252988 494.839155 68.252988 167.926594c0-3.911076 0.593518-7.65126 1.139963-11.401678L430.079734 481.464543zM910.960992 74.226538 562.044278 387.28558c-38.470173 38.811957-62.276369 38.811957-100.770078 0L112.538611 74.408687c10.011005-4.789073 21.069875-7.673773 32.859385-7.673773l733.044372 0C890.095779 66.735937 901.065622 69.539796 910.960992 74.226538z" p-id="2367" data-spm-anchor-id="a313x.7781069.0.i1" class="selected" fill="#9a4145"></path></svg>'
            }
        },
        methods:{
            // 
            goEmailpwd(){
                this.$router.push('emailpwd')
            },
            goPhonepwd(){
                this.$router.push('phonepwd')
            }
        }
    }
</script>

<style lang="scss" scoped>
</style>